﻿ol li { width: 50px; height: 50px; position: absolute; }

div#playoffbracket img.fondoBG {
	width: 700px;
	height: 401px;
}

div#playoffbracket {
	width: 700px;
	height: 401px;
	/*background: transparent;*/
	position: relative;
	margin: 10px auto;
}
div#playoffbracket ol, div#playoffbracket ul {
	padding: 0;
	margin: 0;
}
ol#derecha li, ol#izquierda li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

div#playoffbracket ol li ul li {
	left: 95px;
	top: 25px;
}
div#playoffbracket ol#derecha li ul li {
	left: -90px;
}

div#playoffbracket ol li ul li ul li {
	top: 50px;
	left: 83px;
}


li.uno {
	top: 0;
}
li.ocho {
	top: 50px;
}
li.cuatro {
	top: 100px;
}
li.cinco {
	top: 150px;
}
li.dos {
	top: 300px;
}
li.siete {
	top: 350px;
}
li.tres {
	top: 200px;
}
li.seis{
	top: 250px;
}
ol#derecha li {
	right: 0;
}

ol#izquierda li img, ol#derecha li img {
	width: 50px;
	border: none;
}

#izquierda .part1 { left: 90px; top: 25px; } 
#izquierda .part2 { left: 90px; top: -25px; }
#izquierda .part3 { left: 90px; top: -25px; }
#izquierda .part4 { left: 90px; top: 25px; } 
#izquierda .semi1 { left: 80px; top: 50px; }
#izquierda .semi2 { left: 80px; top: -50px; }
#izquierda .finalizquierda { left: 95px; top: 100px; } 

#derecha .part1 { left: -90px; top: 25px; }
#derecha .part2 { left: -90px; top: 25px; }
#derecha .part3 { left: -90px; top: 25px; }
#derecha .part4 { left: -90px; top: 25px; }
#derecha .semi1 { left: -80px; top: 50px; }
#derecha .semi2 { left: -80px; top: 50px; }
#derecha .finalderecha { left: -95px; top: -100px; }

/* ganador*/
#izquierda .champizquierda { left: 55px; top: 25px; } 
